<%@page contentType="content-type: application/x-javascript" %>
var GALERIA = {
	
	inicio : function() {
		if ($('#capturas').length > 0) {
			$().piroBox({
				my_speed: 300,
				bg_alpha: 0.85,
				slideShow : 'false',
				slideSpeed : 3,
				close_all : '.piro_close'
			});
		}
	}
		
}




var VIDEO = {
	
	inicio : function() {
		$('#videos a').click(function() {
			var texto = '<div id="contenedor-video"><table><tr><td class="t_l"></td><td class="t_c"></td><td class="t_r"></td></tr><tr><td class="c_l"></td><td class="c_c">';
			texto += '</td><td class="c_r"></td></tr><tr><td class="b_l"></td><td class="b_c"></td><td class="b_r"></td></tr></table></div>';
			$('body').append(texto);
			var contenedor = $('#contenedor-video');
			contenedor.hide();
			var id = $(this).attr('href').split('=')[1];
			var ancho = parseInt($(this).attr('class').split(' ')[1].slice(1,4));
			var alto = parseInt($(this).attr('class').split(' ')[1].slice(5,8));
			contenedor.find('table').css({'width':(ancho+56)+'px','height':(alto+100)+'px','margin-left':-((ancho+56)/2)+'px'});
			contenedor.find('.c_c').append('<iframe title="YouTube video player" width="640" height="390" src="http://www.youtube.com/embed/' + id + '" frameborder="0" allowfullscreen></iframe>');
			contenedor.find('.c_c').append('<div><p><strong>' + $(this).parents('dl').find('dd strong').text() + '</strong> ' + $(this).find('img').attr('alt') + '</p><button type="button" title="Cerrar esta ventana"><span>Cerrar</span></button></div>');			
			contenedor.find('.c_c button').click(function() {
				VIDEO.ocultar();
			});
			var alturaVentana = parseInt($(window).height());
			var alturaContenedor = parseInt(contenedor.find('table').css('height'));
			var offset = parseInt(contenedor.find('table').offset().top);
			posicion = (alturaVentana-alturaContenedor)/2 + offset;
			contenedor.css('height',$(document).height()).fadeIn(VELOCIDAD_FADE);
			contenedor.find('table').css({'top':posicion + 'px','margin-top':'0px'});
			return false;
		});
	},
	
	ocultar : function() {
		$('#contenedor-video').fadeOut(VELOCIDAD_FADE,function() {
			$(this).remove();
		});
	}
		
}




var WIDGET = {
	
	inicio : function() {
		$('#principal li textarea').click(function() {
			$(this).select();
		});
	}
		
}




$(document).ready(function() {
	GALERIA.inicio();
	VIDEO.inicio();
	WIDGET.inicio();
	$(document).keyup(function (e) {
		if (typeof(e) == 'undefined')
			e = event;
		if (e.keyCode == 27) {
			VIDEO.ocultar();
		}
	});
});